<template>
  <h1>El- 单选组件</h1>
  <el-radio-group v-model:="edu">
<!--    <el-radio value="初中">学历：初中</el-radio>-->
<!--    <el-radio value="高中" >学历：高中</el-radio>-->
<!--    <el-radio value="本科">学历：大学</el-radio>-->
<!--    <el-radio value="硕士">学历：本科</el-radio>-->

    <el-radio value="初中" label="学历：初中"></el-radio>
    <el-radio value="高中" label="学历：高中"></el-radio>
    <el-radio value="大学" label="学历：大学"></el-radio>
    <el-radio value="本科" label="学历：本科"></el-radio>
  </el-radio-group>
  <h4>您选择的学历是:{{edu}}</h4>

  <hr>
  <el-radio-group v-model:="pr">
    <el-radio-button v-for:="p in arr" :value="p.price">{{p.title}}</el-radio-button>
  </el-radio-group>
  <h4>这款酒的价格为:{{pr}}</h4>

</template>

<script setup>
  import {ref} from "vue";
  // 默认给值 单选框就是高中
  const edu = ref('高中')

  const pr = ref('');
  const arr = ref([
    {title:'五粮液',price:500},
    {title:'茅台',price:2500},
    {title:'汾酒',price:330},
    {title:'梦之蓝',price:368},
  ])

</script>

<style scoped>

</style>